<div data-app-layout-application class="layout-fixed">
  <div class="column br-l col-350 ">
    <div class="table-display">
      <div class="input-holder bg-white">
        <i class="ti-search"></i>
        <input type="text" class="form-control b-0 bg-no no-shadow" placeholder="Search..." data-ng-model="searchText">
      </div>
      <div class="table-row">
        <div class="table-cell">
          <ul class="list-group bg-light bt-no">
            <li class="active">
              <div class="item-content">
                <div class="clearfix">
                  <img src="/static/img/avatar5.jpg" class="rounded-circle float-left thumb-xl mr-3">
                  <div>
                    <div class="mb-3px">
                      <strong>Jesse Holmes</strong>
                      <span class="float-right text-muted font-xs">5 min ago</span>
                    </div>
                    <div class="font-xs">
                      Far far away, behind the word mountains, far from the countries...
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li>
              <div class="item-content">
                <div class="clearfix">
                  <img src="/static/img/avatar6.jpg" class="rounded-circle float-left thumb-xl mr-3">
                  <div>
                    <div class="mb-3px">
                      <strong>John Good</strong>
                      <span class="float-right text-muted font-xs">15 min ago</span>
                    </div>
                    <div class="font-xs">
                      A wonderful serenity has taken possession of my entire soul, like these sweet...
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li>
              <div class="item-content">
                <div class="clearfix">
                  <img src="/static/img/avatar6.jpg" class="rounded-circle float-left thumb-xl mr-3">
                  <div>
                    <div class="mb-3px">
                      <strong>Lisa Harrow</strong>
                      <span class="float-right text-muted font-xs">1 hour ago</span>
                    </div>
                    <div class="font-xs">
                      The quick, brown fox jumps over a lazy dog. DJs flock by when MTV ax quiz prog...
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li>
              <div class="item-content">
                <div class="clearfix">
                  <img src="/static/img/avatar4.jpg" class="rounded-circle float-left thumb-xl mr-3">
                  <div>
                    <div class="mb-3px">
                      <strong>Harry Ignis</strong>
                      <span class="float-right text-muted font-xs">30 hour ago</span>
                    </div>
                    <div class="font-xs">
                      Li Europan lingues es membres del sam familie. Lor separat existentie es un myth...
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li>
              <div class="item-content">
                <div class="clearfix">
                  <img src="/static/img/avatar6.jpg" class="rounded-circle float-left thumb-xl mr-3">
                  <div>
                    <div class="mb-3px">
                      <strong>Sissy Lill</strong>
                      <span class="float-right text-muted font-xs">Saturday</span>
                    </div>
                    <div class="font-xs">
                      Membres del sam familie. Lor separat existentie es un myth...
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li>
              <div class="item-content">
                <div class="clearfix">
                  <img src="/static/img/avatar5.jpg" class="rounded-circle float-left thumb-xl mr-3">
                  <div>
                    <div class="mb-3px">
                      <strong>Jesse Holmes</strong>
                      <span class="float-right text-muted font-xs">5 min ago</span>
                    </div>
                    <div class="font-xs">Far far away, behind the word mountains, far from the countries...</div>
                  </div>
                </div>
              </div>
            </li>
            <li>
              <div class="item-content">
                <div class="clearfix">
                  <img src="/static/img/avatar6.jpg" class="rounded-circle float-left thumb-xl mr-3">
                  <div>
                    <div class="mb-3px">
                      <strong>John Good</strong>
                      <span class="float-right text-muted font-xs">15 min ago</span>
                    </div>
                    <div class="font-xs">
                      A wonderful serenity has taken possession of my entire soul, like these sweet...
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li>
              <div class="item-content">
                <div class="clearfix">
                  <img src="/static/img/avatar6.jpg" class="rounded-circle float-left thumb-xl mr-3">
                  <div>
                    <div class="mb-3px">
                      <strong>Lisa Harrow</strong>
                      <span class="float-right text-muted font-xs">1 hour ago</span>
                    </div>
                    <div class="font-xs">
                      The quick, brown fox jumps over a lazy dog. DJs flock by when MTV ax quiz prog...
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li>
              <div class="item-content">
                <div class="clearfix">
                  <img src="/static/img/avatar4.jpg" class="rounded-circle float-left thumb-xl mr-3">
                  <div>
                    <div class="mb-3px">
                      <strong>Harry Ignis</strong>
                      <span class="float-right text-muted font-xs">30 hour ago</span>
                    </div>
                    <div class="font-xs">
                      Li Europan lingues es membres del sam familie. Lor separat existentie es un myth...
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li>
              <div class="item-content">
                <div class="clearfix">
                  <img src="/static/img/avatar6.jpg" class="rounded-circle float-left thumb-xl mr-3">
                  <div>
                    <div class="mb-3px">
                      <strong>Sissy Lill</strong>
                      <span class="float-right text-muted font-xs">Saturday</span>
                    </div>
                    <div class="font-xs">
                      Membres del sam familie. Lor separat existentie es un myth...
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li>
              <div class="item-content">
                <div class="clearfix">
                  <img src="/static/img/avatar6.jpg" class="rounded-circle float-left thumb-xl mr-3">
                  <div>
                    <div class="mb-3px">
                      <strong>John Good</strong>
                      <span class="float-right text-muted font-xs">15 min ago</span>
                    </div>
                    <div class="font-xs">
                      A wonderful serenity has taken possession of my entire soul, like these sweet...
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <li>
              <div class="item-content">
                <div class="clearfix">
                  <img src="/static/img/avatar6.jpg" class="rounded-circle float-left thumb-xl mr-3">
                  <div>
                    <div class="mb-3px">
                      <strong>Lisa Harrow</strong>
                      <span class="float-right text-muted font-xs">1 hour ago</span>
                    </div>
                    <div class="font-xs">
                      The quick, brown fox jumps over a lazy dog. DJs flock by when MTV ax quiz prog...
                    </div>
                  </div>
                </div>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="column col-100p bg-white">
    <div class="table-display">
      <div class="bb-l pt-3 px-3 bg-light" style="padding-bottom:8px;">
        <span class="text-muted">To:</span><span>Jesse Holmes</span>
        <a href class="float-right">Details</a>
      </div>
      <div class="table-row ">
        <div class="table-cell">
          <div class="p-2">
            <ul class="chat-widget scrollable relative">
              <li>
                <div class="time">mon 17:54 PM</div>
                <div class="msgs">
                  <div>
                    <p>Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie,
                      musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in </p>
                  </div>
                  <div>
                    <p>musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in </p>
                  </div>
                </div>
              </li>
              <li class="from-me">
                <div class="time">Wed 18:34 PM</div>
                <div class="msgs">
                  <div>
                    <p>membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc,
                      litot Europa usa li sam vocabular. Li lingues differe solmen in </p>
                  </div>
                  <div>
                    <p>ar. Li lingues differe solmen in </p>
                  </div>
                  <div>
                    <p>Lor separat existentie es un myth. Por scientie,</p>
                  </div>
                </div>
              </li>
              <li>
                <div class="time">Wed 20:34 PM</div>
                <div class="msgs">
                  <div>
                    <p>Li Europanlie. L musica, cabular. Li lingues differe solmen in </p>
                  </div>
                </div>
              </li>
              <li>
                <div class="time">Wed 20:34 PM</div>
                <div class="msgs">
                  <div>
                    <img src="/static/img/dummy1.jpg" class="img-fluid rad-15">
                  </div>
                  <div>
                    <p>Lorem ipsum dolor sit amet</p>
                  </div>
                </div>
              </li>
              <li class="from-me">
                <div class="time">Wed 22:34 PM</div>
                <div class="msgs clearfix">
                  <div>
                    <p>Tentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li
                      lingues differe solmen in </p>
                  </div>
                  <div>
                    <a class="text-white"> <i class="fa fa-file-excel-o"></i> file.ex</a> |
                    <a class="text-white"><i class="fa fa-file-code-o"></i> index.html</a>
                  </div>
                </div>
                <div class="text-right mb-5 font-xs"><strong>Delivered</strong></div>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="bg-light bt-l">
        <div class="input-group">
          <input type="text" class="form-control b-0 form-control-lg" placeholder="Send message">
          <span class="input-group-btn bg-white">
            <button class="btn bg-no btn-link" type="button"><i class="fa fa-smile-o"></i></button>
          </span>
          <span class="input-group-btn bg-white">
            <button class="btn bg-no btn-link" type="button"><i class="fa fa-thumbs-o-up"></i></button>
          </span>
        </div>
      </div>
    </div>
  </div>
</div>
